<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"	
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	
	<h:form prependId="false">	
		<h:panelGrid columns="2" cellspacing="5">
			<h:panelGrid columns="2" cellspacing="5">
	
				<h:outputText value="Modalidade: "/>
				<p:selectOneMenu  value="#{reportBean.modalityString}" style="width:150px"  >
					<f:selectItem itemLabel="Selecione" 	itemValue="Selecione" />
					<f:selectItem itemLabel="Natação" 		itemValue="Natação"/>
					<f:selectItem itemLabel="Musculação" 	itemValue="Musculação"/>
					<f:selectItem itemLabel="Corrida" 		itemValue="Corrida"/>
				</p:selectOneMenu>  
				
				<h:outputText value="Período: "/>
				<p:selectOneMenu  value="#{reportBean.modalityString}" style="width:150px"  >
					<f:selectItem itemLabel="Selecione" 		itemValue="Selecione" />
					<f:selectItem itemLabel="MacroCiclo" 		itemValue="MacroCiclo"/>
					<f:selectItem itemLabel="MesoCiclo" 		itemValue="MesoCiclo"/>
					<f:selectItem itemLabel="Microciclo" 		itemValue="Microciclo"/>
				</p:selectOneMenu>  

				<h:outputText value="Métrica: "/>
				<p:selectOneMenu  value="#{reportBean.modalityString}" style="width:150px"  >
					<f:selectItem itemLabel="Selecione" 		itemValue="Selecione" />
					<f:selectItem itemLabel="cargaTreino" 		itemValue="cargaTreino"/>
					<f:selectItem itemLabel="deltaVolume" 		itemValue="deltaVolume"/>
					<f:selectItem itemLabel="intensidade" 		itemValue="intensidade"/>
					<f:selectItem itemLabel="mediaVolume" 		itemValue="mediaVolume"/>
					<f:selectItem itemLabel="monotonia" 		itemValue="monotonia"/>
					<f:selectItem itemLabel="strain" 			itemValue="strain"/>
					<f:selectItem itemLabel="volume" 			itemValue="volume"/>
				</p:selectOneMenu> 
	
				<p:selectCheckboxMenu value="#{reportBean.selExercises}" label="Exercícios" filter="true" filterText="Filtro" filterMatchMode="startsWith" panelStyle="width:220px">  
					<f:selectItems value="#{reportBean.exercises}" var="exercise" itemLabel="#{exercise.name}" />  
			    </p:selectCheckboxMenu>  
			</h:panelGrid>			
			
			<p:outputPanel layout="block"  >			
				<p:panel header="Volume" > 
					<p:lineChart value="#{reportBean.volumeGraphic}" legendPosition="e" animate="true"
							 minY="0" maxY="50"  style="height:200px;width:400px;margin-left:50px" minX="0" maxX="7" />						
				</p:panel>	

				<p:panel header="Strain">  
					<p:lineChart value="#{reportBean.strainGraphic}" legendPosition="e" animate="true" 
							 minY="0" maxY="50"  style="height:200px;width:400px;margin-left:50px" minX="0" maxX="7" />						
				</p:panel>	
				
				<p:panel header="Monotonia"> 
					<p:lineChart value="#{reportBean.monotoniaGraphic}" legendPosition="e" animate="true" 
							 minY="0" maxY="50"  style="height:200px;width:400px;margin-left:50px" minX="0" maxX="7" />						
				</p:panel>					
			</p:outputPanel>
		</h:panelGrid>	
		<p:commandButton value="Quantificação" 	type="button"	onclick="wreportMetric.hide();wreportDialog.show()" />
		<p:commandButton value="Índices" 		type="button" 	onclick="wreportMetric.hide();wreportIndex.show()" />	

	
	</h:form>	
</html>